<?php
include_once '../model/Categoria.php';
include_once '../model/Item.php';
?>
<!DOCTYPE HTML>
<html>
    <head>
        <?php include 'content.php'; ?>
        <script type="text/javascript">
            $(document).ready(function () {

                $(".table").dataTable({
                    "oLanguage": {
                        "sLengthMenu": "Visualiza _MENU_ items por página",
                        "sZeroRecords": "No hubo coincidencias",
                        "sInfo": "Mostrando _START_ de _END_ de _TOTAL_ items",
                        "sInfoEmpty": "Mostrando 0 de 0 de 0 item",
                        "sInfoFiltered": "(filtrado de _MAX_ items)",
                        "sSearch": "Buscar",
                        "oPaginate": {
                            "sFirst": " Primera ",
                            "sNext": " Siguiente ",
                            "sPrevious": " Anterior ",
                            "sLast": " Ultima "
                        }
                    },
                    "bLengthChange": false,
                    "iDisplayLength": 10
                });                
                                                
                $("#dialog-form").dialog({
                    autoOpen: false,
                    height: 400,
                    width: 450,
                    modal: true,
                    buttons: {
                        "Salvar": function () {
                            $("form[name='formAgregar']").submit();
                        },
                        "Cancelar": function () {
                            $(this).dialog("close");
                        }
                    }
                });

                $("#formAgregar").validate({
                    rules: {                        
                        nombre: {
                            required: true,
                            minlength: 2
                        }
                    },
                    messages: {
                        nombre: {
                            required: "Por favor, ingresa el nombre",
                            minlength: "El Nombre debe tener al menos 2 caracteres"
                        }
                    }
                });            
                
                $("#formAgregar").submit(function () {
                    if ($("#formAgregar").validate().form()) {                        
                        $.ajax({
                            data:  $("#formAgregar").serialize(),
                            url:   '<?php echo $_SERVER['HELPER'] ?>?action=item&method=save&result=ajax',
                            type:  'post',
                            beforeSend: function () {
                            },
                            success:  function (data) { 
                                var info = JSON.parse(data);
                                                        
                                alert(info.msj);
                                
                                if (info.estatus== AJAX_SUCCESSFUL){
                                    if ($("#id").val() != 0) {                                                                                
                                        $("#data-u").dataTable().fnDeleteRow($("#data-u").dataTable().$('tr.row_selected')[0]);                                        
                                    }
                                                                        
                                    var addId = $("#data-u").dataTable().fnAddData([
                                        $("#nombre").val().toUpperCase(),                                   
                                        "<img src='../images/obra_edit.png' onclick='saveOrUpdate(" + info.id + ")' " +
                                            "width='16' " +
                                            "height='16' " +
                                            "alt='' " +
                                            "title='Actualizar Item' />",
                                        "<img src='../images/obra_remove.png' onclick='deleteU(" + info.id + ")' " +
                                            "width='16' " +
                                            "height='16' " +
                                            "alt='' " +
                                            "title='Eliminar Item' />"]);

                                    var theNode = $('#data-u').dataTable().fnSettings().aoData[addId[0]].nTr;
                                    theNode.setAttribute('id', info.id);    
                                    
                                    $("#dialog-form").dialog("close");
                                }                                                                
                            }
                        });              
                    }
                    return false;
                });                
            });
            
            function saveOrUpdate(id) {
                var title = (id == 0) ? "Crear Item" : "Actualizar Item";

                $("#formAgregar").reset();                

                if (id == 0) {             
                    $("#id").val("0");                         
                } else {
                    $("#id").val(id);     
                    $("#"+id).addClass('row_selected');  
                    
                    $.ajax({
                        data:  $("#formAgregar").serialize(),
                        url:   '<?php echo $_SERVER['HELPER'] ?>?action=item&method=query&result=ajax',
                        type:  'post',
                        beforeSend: function () {
                        },
                        success:  function (data) {                                        
                            
                            var info = JSON.parse(data);
                            
                            if (info.estatus== AJAX_SUCCESSFUL){                                
                                $("#id").val(info.id);                               
                                $("#nombre").val(info.nombre);                                                                                           
                            }else{
                                alert(info.msj);
                            }
                        }
                    });
                }

                $("#tituloAgregar").html(title);
                $("#dialog-form").dialog("open");
            }
            
            function deleteU(id) {
                if (confirm("¿Seguro eliminar el item seleccionado?")) {

                    $("#id").val(id);
                    $("#"+id).addClass('row_selected');                    

                    $.ajax({
                        data:  $("#formAgregar").serialize(),
                        url:   '<?php echo $_SERVER['HELPER'] ?>?action=item&method=delete&result=ajax',
                        type:  'post',
                        beforeSend: function () {
                        },
                        success:  function (data) {                            
                            var info = JSON.parse(data);
                                                        
                            alert(info.msj);
                                
                            if (info.estatus == AJAX_SUCCESSFUL) {
                                $("#data-u").dataTable().fnDeleteRow($("#data-u").dataTable().$('tr.row_selected')[0]);                                
                            }                                    
                        }                                    
                    });
                } 
            }            
           
        </script>
    </head>
    <body>      
        <?php include_once 'header.php'; ?> 
        <div id="main">
            <div class="column-left">
                <?php include_once 'lateral.php'; ?> 
            </div>
            <div class="column-center" style="text-align: right;">
                <div style="text-align: left;">
                    <?php
                    $categoriaS = new Categoria();
                    if (isset($_SESSION['categoria'])) {
                        $categoriaS = unserialize($_SESSION['categoria']);
                    }
                    ?>
                    <h2>Items Registrados</h2>
                    <h3>
                        <img alt=""  src="../images/obra_add.png" width="32" height="32" class="pointer"
                             onclick="saveOrUpdate(0);"/>
                             <?php echo $categoriaS->getDescripcion(); ?>
                    </h3>                    
                </div>                
                <table id="data-u" border="0" class="table">
                    <thead>
                        <tr>                            
                            <th>NOMBRE</th>                                                     
                            <th style="width: 5%;"></th>
                            <th style="width: 5%;"></th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php
                        if ($categoriaS->getItems() != null && count($categoriaS->getItems()) > 0) {
                            $i = 0;
                            $items = $categoriaS->getItems();
                            for ($i = 0; $i < count($items); $i++) {
                                $item = new Item();
                                $item = $items[$i];
                                ?>                                
                                <tr id="<?php echo $item->getId(); ?>">
                                    <td><?php echo $item->getNombre() ?></td>                             
                                    <td>
                                        <img src="../images/obra_edit.png" alt="" class="pointer" width="16" height="16"
                                             title="Actualizar Item" onclick="saveOrUpdate(<?php echo $item->getId(); ?>)"/>
                                    </td>
                                    <td>
                                        <img src="../images/obra_remove.png" alt="" class="pointer" width="16" height="16" 
                                             title="Eliminar Item" onclick="deleteU(<?php echo $item->getId(); ?>)"/>
                                    </td>
                                </tr>
                                <?php
                            }
                        }
                        ?>
                    </tbody>
                </table>
                <div id="return" style="text-align: center; margin-top: 50px;">                    
                    <a href="<?php echo $_SERVER['HELPER'] ?>?action=categoria&method=listar">
                        <img src="../images/previous.png" alt="" class="pointer" width="32" height="32" 
                             title="Regresar" />
                    </a>
                </div>
            </div>
            <div class="column-right">
                <?php include 'right.php'; ?> 
            </div>
        </div>
        <?php include_once 'footer.php'; ?>  
        <div id="dialog-form" title="Item">
            <form id="formAgregar" name="formAgregar" method="post" action="#">
                <fieldset>
                    <legend id="tituloAgregar"></legend>
                    <table style="width: 100%;">
                        <tr>
                            <td>
                                <label for="nombre">Nombre:</label></td>
                            <td>
                                <input type="text" name="nombre" id="nombre" class="text ui-widget-content ui-corner-all" maxlength="100" style="width: 100%;" placeholder="Nombre" /></td>
                        </tr>                                                            
                    </table>
                </fieldset>
                <input type="hidden" name="id" id="id" />
            </form>
        </div>
    </body>    
</html>